<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">

    <title>{$pagetitle}</title>

    <link href="__cashier__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="__CSS__/animate.css" rel="stylesheet">
    <link href="__CSS__/style.css" rel="stylesheet">
    <link href="__CSS__/login.css" rel="stylesheet">

</head>
<body class="gray-bg">
    <div class="addBg">
        <div class="addBgArea">
            <img class="balloon" src="__IMG__/login/balloon.png" alt="balloon">
            <img class="cricle" src="__IMG__/login/cricle.png" alt="cricle">
            <img class="could" src="__IMG__/login/could.png" alt="could">
            <img class="mountain0" src="__IMG__/login/mountain0.png" alt="mountain0">
            <img class="mountain1" src="__IMG__/login/mountain1.png" alt="mountain1">
            <img class="mountain2" src="__IMG__/login/mountain2.png" alt="mountain2">
            <img class="tree tree0" src="__IMG__/login/tree.png" alt="tree">
            <img class="tree tree1" src="__IMG__/login/tree.png" alt="tree">
            <img class="tree tree2" src="__IMG__/login/tree.png" alt="tree">
            <img class="point" src="__IMG__/login/point.png" alt="point">
            <img class="stick" src="__IMG__/login/stick.png" alt="stick">
            <img class="footprint0" src="__IMG__/login/footprint.png" alt="footprint">
            <img class="footprint1" src="__IMG__/login/footprint.png" alt="footprint">
            <img class="footprint2" src="__IMG__/login/footprint.png" alt="footprint">
            <img class="footprint3" src="__IMG__/login/footprint.png" alt="footprint">
        </div>
        <div class="middle-box text-center loginscreen animated fadeInDown">
            <div>
                <form class="m-t" role="form" id="form" method="post" action="{:U('login')}">
                    <div class="form-group">
                        <input type="test" name="username" class="form-control" placeholder="账号" required>
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" class="form-control" placeholder="密码" required>
                    </div>
                    
                    <button type="submit" class="btn btn-primary block full-width m-b">登录</button>
                    
                </form>
                  <p class="m-t"> <small>Copyright：<?php echo str_replace('http://','',$_SERVER['HTTP_HOST'])?> &copy; <?php echo date('Y');?></small> </p>
            </div>
        </div>
    </div>
    <!-- Mainly scripts -->
    <script src="__JS__/jquery-2.1.1.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    
    <!-- Jquery Validate -->
    <script src="__JS__/jquery.validate.min.js"></script>
    <script>
        $(document).ready(function(){
        $(".addBg,.addBgArea").height($(window).height());
            $(window).resize(function(){
                $(".addBg,.addBgArea").height($(window).height());
          })
        });
    </script>
</body>

</html>